﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />

    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body class="container signup-body bg-f6">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="index.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>注册新用户</h1>
    </header>
    <main class="row main">
        <div class="tabs-nav fav-tab-nav bg-ff" role="tablist">
            <a data-toggle="tab" data-target="#tab_email_acc" class="active" role="tab" aria-controls="tab_email_acc"><span>使用邮箱注册</span></a>
            <a data-toggle="tab" data-target="#tab_phone_acc" class="" role="tab" aria-controls="tab_phone_acc"><span>使用手机注册</span></a>
        </div>
        <div class="tabs-content pl-5 pr-5 input-lg-box">
            <div class="tab-pane active" id="tab_email_acc" role="tablist" aria-expanded="true">
                <form class="form-horizontal form-p10" role="form" data-do="verifyInput">
                    <div class="form-group label-embed label-w-80 hasHint-btm">
                        <div class="col-xs-12">
                            <label for="inputMailAccount" class="">邮箱地址:</label>
                            <input type="email" class="form-control" id="inputMailAccount" placeholder="请输入常用的邮箱地址">
                        </div>
                        <span class="hint hidden">请输入邮箱地址</span>
                    </div>
                    <div class="form-group label-embed label-w-80 hasHint-btm">
                        <div class="col-xs-12">
                            <label for="inputMailAccPwd" class="">登录密码:</label>
                            <input type="password" class="form-control" id="inputMailAccPwd" placeholder="6-20位字母、数字或符号组合">
                        </div>
                        <span class="hint hidden">请设置密码为6-20位字母、数字或符号组合</span>
                    </div>
                    <div class="form-group hasHint-btm">
                        <div class="col-xs-8">
                            <input type="text" data-type="verify" class="form-control" id="inputVeryf1" placeholder="请输入验证码">
                        </div>
                        <div class="col-xs-4">
                            <label class="veryf-pic-container" for="inputVeryf1"><img src="images/e4.jpg" /></label>
                        </div>
                        <span class="hint hidden">请输入验证码</span>
                    </div>
                    <div class="form-group">
                        <div class=" col-xs-12">
                            <button type="submit" class="btn btn-green btn-block btn-lg">注 册</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab_phone_acc" role="tablist" aria-expanded="false">
                <form class="form-horizontal form-p10" role="form" data-do="verifyInput">
                    <div class="form-group label-embed label-w-80 hasHint-btm">
                        <div class="col-xs-12">
                            <label for="inputAccount" class="">手机号码:</label>
                            <input type="tel" class="form-control" id="inputMailAccount" placeholder="请输入您的手机号码">
                        </div>
                        <span class="hint hidden">输入有误, 请输入11位的手机号码</span>
                    </div>
                    <div class="form-group label-embed label-w-80 hasHint-btm">
                        <div class="col-xs-12">
                            <label for="inputPassword" class="">登录密码:</label>
                            <input type="password" class="form-control" id="inputMailAccPwd" placeholder="6-20位字母、数字或符号组合">
                        </div>
                        <span class="hint hidden">请设置密码为6-20位字母、数字或符号组合</span>
                    </div>
                    <div class="form-group hasHint-btm">
                        <div class="col-xs-8">
                            <input type="text" data-type="verify" class="form-control" id="inputVeryf2" placeholder="请输入验证码">
                        </div>
                        <div class="col-xs-4">
                            <label class="veryf-pic-container" for="inputVeryf2"><img src="images/e4.jpg" /></label>
                        </div>
                        <span class="hint hidden">请输入验证码</span>
                    </div>
                    <div class="form-group">
                        <div class=" col-xs-12">
                            <button type="submit" class="btn btn-green btn-block btn-lg">注 册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>


    </main><!--main-->
    <footer class="body-bottom">
        <h5 class="mute mb-15">使用其他账号登录</h5>
        <a href="#" class="icon-qqwb icon-qq mr-10"></a>
        <a href="#" class="icon-qqwb icon-wb mr-10"></a>
    </footer>
    <!--The script:-->
    <script src="lib/js/zepto.min.js"></script>
    <script src="js/script_ui_ev.js"></script>
    <script src="js/verify_input.js"></script>
</body>
</html>
